<template>
	<div class="page4" :style="{height: homeHeight + 'px'}">
		<div class="page4-form" v-for="(item,index) in information">
			<mt-cell :title="item"><span><input type="radio" class="checkboxIpt" :id="index" :value="index"  v-model="picked" ></span></mt-cell>
		</div>
		<button class="nextStep" @click="send"></button>

		<bottom-nav></bottom-nav>
	</div>
</template>

<script>
	import bottomNav from './bottomNav'
	import { MessageBox } from 'mint-ui'
	import router from '../router'
	export default {
		name: 'page4',
		data () {
			return {
				homeHeight: 0,
				timer: '',
				picked:'',
				information:["欺诈","色情","政治谣言","常识性谣言","诱导分享","恶意营销","隐私信息收集","抄袭公众号文章","其他侵权类（冒名、诽谤、抄袭）","违规声明原创"]
			}
		},
		components: {bottomNav},
		mounted () {
		},
		created() {
			this.init();
		},
		methods: {
			init () {
				this.homeHeight = document.documentElement.clientHeight - document.documentElement.clientHeight/750*4.9*10;
			},
			send () {
					router.push({
								name:"page5",
								params:{picked:this.picked}
							})



				// this.axios({
				// 	 method:'post',
				// 	 url:"http://xyydj.daoapp.io/mobile/redpacket/list",
				// 	 data:{
				// 		 "openid":"obj8zs1IdUy8DE6a8j0C1eiQIQUQ",
				// 		 "spieltag":"1"
				// 	 }
				// }).then(function(res){
				// 		console.log(res)
				// })
				//
				//
				//



			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.page4{overflow-y: scroll;}
.page4-form{padding-bottom: 1rem;}
.cellBox .mint-cell{height: 4.8rem;line-height: 4.8rem;font-size: 1.5rem;color: #000;border-bottom: 1px solid #acabab;}
.cellBox .mint-cell span{color: #000;font-size: 1.5rem;}
.checkboxIpt{outline: none;-webkit-appearance: none;border: none;background: none;width: 2.5rem;height: 2.5rem;}
.checkboxIpt:after{content: "";display: inline-block;background: url(../assets/img/formRadio.png) center no-repeat;background-size: 2.5rem;width: 2.5rem;height: 2.5rem;}
.checkboxIpt:checked:after{content: "";background: url(../assets/img/formRadioChecked.png) center no-repeat;background-size: 2.5rem;}
.nextStep{margin: 1rem auto;display: block;border: none;background: url(../assets/img/nextStepBtn.png) center no-repeat;background-size: 16.65rem auto;width: 16.65rem;height: 3.45rem;}
</style>
